<!DOCTYPE html>
<html class="x-admin-sm">
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="__ADMIN__/css/font.css">
    <link rel="stylesheet" href="__ADMIN__/css/xadmin.css">
    <script type="text/javascript" src="__ADMIN__/js/jquery.min.js"></script>
    <script type="text/javascript" src="__ADMIN__/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="__ADMIN__/js/xadmin.js"></script>
    <script type="text/javascript" src="__ADMIN__/js/cookie.js"></script>
    <link rel="stylesheet" href="/static/admin/css/font.css">
    <link rel="stylesheet" href="/static/admin/css/font-awesome.min.css">
    <style>
        .layui-form-item .layui-form-label{
            width: 120px;
        }
        .layui-form-item .layui-textarea{
            width: 190px;
        }
        #phone-one-div {display: none}
        .layui-anim {z-index: 99999 !important}
    </style>
</head>

<body>
<div class="x-body">
    <form class="layui-form">

        <div class="layui-form-item">
            <label for="department_id" class="layui-form-label">
                <span class="x-red">*</span>部门
            </label>
            <div class="layui-input-inline" >
                <select name="department_id" class="province-selector" lay-search data-value="{$data.department_id}" lay-verify="required" required>
                    <option value="">请选择部门</option>
                    <option value="1" {if condition="$data.department_id == 1"}selected{/if}>鲸</option>
                    <option value="2" {if condition="$data.department_id == 2"}selected{/if}>权</option>
                    <option value="3" {if condition="$data.department_id == 3"}selected{/if}>赞</option>
                    <option value="4" {if condition="$data.department_id == 4"}selected{/if}>创</option>
                </select>
            </div>
        </div>

        <div class="layui-form-item">
            <label for="belong_to_personal" class="layui-form-label">
                <span class="x-red">*</span>姓名
            </label>
            <div class="layui-input-inline" >
                <select name="belong_to_personal" class="province-selector" lay-search data-value="{$data.belong_to_personal}" lay-verify="required" required>
                    <option value="">请选择员工</option>
                    {volist name="admin_list" id="value"}
                    <option value="{$value.id}" {if condition="$value.id == $data.admin_id"} selected {/if}>
                    {$value.name}
                    </option>
                    {/volist}
                </select>
            </div>
            <label for="belong_to_personal">
                <span class="x-red">PS: 如没有该员工请先在“员工管理”添加员工</span>
            </label>
        </div>

        <div class="layui-form-item">
            <label for="device_type_num" class="layui-form-label">
                <span class="x-red">*</span>性别
            </label>
            <div class="layui-input-inline">
                <input type="radio" name="sex" value="0" title="女" {$data.sex==0?'checked':''}>
                <input type="radio" name="sex" value="1" title="男" {$data.sex==1?'checked':''}>
            </div>
        </div>

        <div class="layui-form-item">
            <label for="nations" class="layui-form-label">
                <span class="x-red">*</span>民族
            </label>
            <div class="layui-input-inline">
                <input type="text" value="{$data.nations}" id="nations" name="nations" lay-verify="required" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label for="place_of_origin" class="layui-form-label">
                <span class="x-red">*</span>籍贯
            </label>
            <div class="layui-input-inline">
                <input type="text" value="{$data.place_of_origin}" id="place_of_origin" name="place_of_origin" lay-verify="required" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label for="marriage" class="layui-form-label">
                <span class="x-red">*</span>婚姻情况
            </label>
            <div class="layui-input-inline">
                <input type="radio" name="marriage" value="0" title="未婚" {$data.marriage==0?'checked':''}>
                <input type="radio" name="marriage" value="1" title="已婚" {$data.marriage==1?'checked':''}>
            </div>
        </div>

        <div class="layui-form-item">
            <label for="ID_num" class="layui-form-label">
                <span class="x-red">*</span>身份证
            </label>
            <div class="layui-input-inline">
                <input type="text" value="{$data.ID_num}" id="ID_num" name="ID_num" lay-verify="required" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label for="join_time" class="layui-form-label">
                <span class="x-red">*</span>入职时间
            </label>
            <div class="layui-input-inline">
                <input type="text" lay-verify="required" required="" value="{if condition="$data.join_time"}{:date('Y-m-d H:i:s',$data.join_time)}{/if}" id="join_time" name="join_time" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label for="formal" class="layui-form-label">
                <span class="x-red">*</span>转正
            </label>
            <div class="layui-input-inline">
                <input type="radio" name="formal" value="0" title="未转正" {$data.marriage==0?'checked':''}>
                <input type="radio" name="formal" value="1" title="已转正" {$data.marriage==1?'checked':''}>
            </div>
        </div>

        <div class="layui-form-item">
            <label for="auth_group_id" class="layui-form-label">
                <span class="x-red">*</span>职位
            </label>
            <div class="layui-input-inline" >
                <select name="auth_group_id" class="province-selector" lay-search data-value="{$data.auth_group_id}" lay-verify="required" required>
                    <option value="">请选择职位</option>
                    {volist name = "auth_group_list" id = "value"}
                        <option value="{$value.id}" {if condition="$value.id == $data.auth_group_id"} selected {/if}>
                            {$value.title}
                        </option>
                    {/volist}
                </select>
            </div>
        </div>

        <div class="layui-form-item">
            <label for="education_level" class="layui-form-label">
                <span class="x-red">*</span>学历
            </label>
            <div class="layui-input-inline" >
                <select name="education_level" class="province-selector" lay-search data-value="{$data.education_level}" lay-verify="required" required>
                    <option value="">请选择职位</option>
                    <option value="1" {if condition="$data.education_level == 1"}selected{/if}>中专</option>
                    <option value="2" {if condition="$data.education_level == 2"}selected{/if}>大专</option>
                    <option value="3" {if condition="$data.education_level == 3"}selected{/if}>本科</option>
                </select>
            </div>
        </div>

        <div class="layui-form-item">
            <label for="home_address" class="layui-form-label">
                <span class="x-red">*</span>家庭住址
            </label>
            <div class="layui-input-inline">
                <input type="text" value="{$data.home_address}" id="home_address" name="home_address" lay-verify="required" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label for="phone_num" class="layui-form-label">
                <span class="x-red">*</span>联系电话
            </label>
            <div class="layui-input-inline">
                <input type="text" value="{$data.phone_num}" id="phone_num" name="phone_num" lay-verify="required" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label for="emergency_name" class="layui-form-label">
                <span class="x-red">*</span>紧急联系人姓名
            </label>
            <div class="layui-input-inline">
                <input type="text" value="{$data.emergency_name}" id="emergency_name" name="emergency_name" lay-verify="required" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label for="emergency_relation" class="layui-form-label">
                <span class="x-red">*</span>与本人关系
            </label>
            <div class="layui-input-inline" >
                <select name="emergency_relation" class="province-selector" lay-search data-value="{$data.emergency_relation}" lay-verify="required" required>
                    <option value="">请选择职位</option>
                    <option value="1" {if condition="$data.emergency_relation == 1"}selected{/if}>父亲</option>
                    <option value="2" {if condition="$data.emergency_relation == 2"}selected{/if}>母亲</option>
                    <option value="3" {if condition="$data.emergency_relation == 3"}selected{/if}>夫妻</option>
                    <option value="4" {if condition="$data.emergency_relation == 4"}selected{/if}>兄妹</option>
                    <option value="5" {if condition="$data.emergency_relation == 5"}selected{/if}>子女</option>
                    <option value="6" {if condition="$data.emergency_relation == 6"}selected{/if}>朋友</option>
                    <option value="7" {if condition="$data.emergency_relation == 7"}selected{/if}>老表</option>
                </select>
            </div>
        </div>

        <div class="layui-form-item">
            <label for="emergency_phone" class="layui-form-label">
                <span class="x-red">*</span>紧急联系人电话
            </label>
            <div class="layui-input-inline">
                <input type="text" value="{$data.emergency_phone}" id="emergency_phone" name="emergency_phone" lay-verify="required" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label for="social_security_benefits" class="layui-form-label">
                <span class="x-red">*</span>社保缴纳情况
            </label>
            <div class="layui-input-inline">
                <input type="radio" name="social_security_benefits" value="0" title="未缴纳" {$data.social_security_benefits==0?'checked':''}>
                <input type="radio" name="social_security_benefits" value="1" title="已缴纳" {$data.social_security_benefits==1?'checked':''}>
            </div>
        </div>

        <div class="layui-form-item">
            <label for="L_repass" class="layui-form-label">
            </label>
            <button type="button" class="layui-btn" lay-filter="add" lay-submit="">
                确定
            </button>
        </div>
    </form>
</div>

<script src="/static/admin/js/wangEditor.min.js"></script>
<script>
//    const E = window.wangEditor
//    const editor = new E('#div1');
//    const $text1 = $('#remarks');
//    //        alert($text1.val())
//    editor.config.onchange = function (html) {
//        $text1.val(html);
////            alert(html)
//    }
//    editor.config.placeholder = '备注信息...';
//    editor.config.height = 150;
//    editor.config.menus = [
//        'bold',
//        'fontSize',
//        'underline',
//        'strikeThrough',
//        'indent',
//        'foreColor',
//        'backColor',
//        'justify',
//        'undo',
//        'redo',
//    ];
//    editor.create();
//    $text1.val(editor.txt.html())

    layui.use(['form','layer','laydate','upload','layarea','rate'], function(){
        $ = layui.jquery;
        var form = layui.form
                ,layer = layui.layer
                ,laydate = layui.laydate
                ,upload = layui.upload
                ,layarea = layui.layarea
                ,rate = layui.rate;

        laydate.render({
            elem: '#join_time'
            ,type: 'datetime'
        });

        //监听提交
        form.on('submit(add)', function(data){
            $.ajax({
                type:'POST',
                dataType:'json',
                data:data.field,
                success:function(obj){
                    layer.alert(obj.msg, {icon: obj.icon},function(){
                        // 获得frame索引
                        var index = parent.layer.getFrameIndex(window.name);
                        //关闭当前frame
                        parent.layer.close(index);
                        // 可以对父窗口进行刷新 
                        x_admin_father_reload();
                    });
                }
            });
            return false;
        });

    });
</script>
</body>

</html>